<script src="../../../../Public/js/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<extend name="Public:base"/>

<block name="title">党章党纪</block>

<block name="head">
    <link href="__PUBLIC__/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link href="__PUBLIC__/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style.css" rel="stylesheet">
    <link href="__PUBLIC__/css/common.css?v={$index}" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
</block>

<block name="body">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>”党章党纪“ 资料列表页</h5>
                </div>
                <div class="ibox-content">
                    <div class="jqGrid_wrapper">
                        <table id="table_list_2"></table>
                        <div id="pager_list_2"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</block>

<block name="footer">
    <!-- 全局js -->
    <script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>

    <!-- Data picker -->
    <script src="__PUBLIC__/js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Peity -->
    <script src="__PUBLIC__/js/plugins/peity/jquery.peity.min.js"></script>

    <!-- jqGrid -->
    <script src="__PUBLIC__/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
    <script src="__PUBLIC__/js/plugins/jqgrid/jquery.jqGrid.min.js?0821"></script>

    <!-- 自定义js -->
    <script src="__PUBLIC__/js/content.js?v={$index}"></script>

    <!-- SUMMERNOTE -->
    <script src="__PUBLIC__/js/plugins/summernote/summernote.min.js"></script>
    <script src="__PUBLIC__/js/plugins/summernote/summernote-zh-CN.js"></script>

    <!-- Sweet alert -->
    <script src="__PUBLIC__/js/plugins/sweetalert/sweetalert.min.js"></script>

    <form action="#" novalidate>
        <textarea name="text" class="summernote" id="contents" title="Contents"></textarea>
    </form>
    <!-- Page-Level Scripts -->
    <script>

        $(document).ready(function () {
            $.jgrid.defaults.styleUI = 'Bootstrap';

            $("#table_list_2").jqGrid({
                url       : "{:U('Discipline/getList')}",// 请求地址
                datatype  : "json",                      // 数据类型
                mtype     : "get",                       // 提交方式
                height    : "80%",                       // 高度
                sortname  : "id",                        // 默认排序列
                sortorder : "desc",                      // 默认排序方式
                autowidth : true,                        // 自动宽
                loadui    : "block",                     // 加载Loading提示阻止其他操作
                pginput   : true,                        // 加载Loading显示文本
                loadtext  : "数据请求受网络限制，请稍等......",

                colNames  : ['ID', '标题', '内容','浏览次数', '点赞次数', '发布时间', '修改时间', '状态'], // 定义显示对应列标题
                reloadAfterSubmit:true,         // 数据操作成功后刷新显示数据
                // 定义显示对应行内容相关信息
                colModel: [
                        {
                            name          : 'id',
                            index         : 'id',
                            width         : 60,
                            search        : true,
                            align         : 'center',
                            formatter     : "int",
                            // 查询条件
                            searchoptions : {
                                sopt : ['eq','lt','gt']
                            }
                        },
                        {
                            name        : 'title',
                            index       : 'title',
                            editable    : true,
                            width       : 90,
                            align       : 'center',
                            // 修改验证
                            editrules   :  {
                                edithidden  : true,
                                required    : true
                            },
                            // 查询条件
                            searchoptions : {
                                sopt : ['cn']
                            }
                        },
                        {
                            name          : 'content',
                            index         : 'content',
                            editable      : true,
                            width         : 90,
                            align         : 'center',
                            // 字段类型
                            edittype      : "textarea",
                            // 查询条件
                            searchoptions : {
                                sopt : ['cn']
                            },
                            // 修改验证
                            editrules     :  {
                                edithidden  : true,
                                required    : true
                            },
                            // 设置修改时相关
                            editoptions   : {
                                dataInit  : function (elem) {
                                    elem.onclick = function(){
                                        // 富文本编辑器的隐藏和显示
                                        bindClick(elem,true);
                                    }

                                }
                            }
                        },
                        {
                            name        : 'browse',
                            index       : 'browse',
                            editable    : true,
                            width       : 100,
                            align       : 'center',
                            // 字段类型
                            formatter   : "integer",
                            // 修改验证
                            editrules   :  {
                                edithidden  : true,
                                required    : true,
                                number      : true,
                                integer     : true,
                                minValue    : 0,
                                maxValue    : 100000000
                            },
                            searchoptions : {
                                sopt : ['eq','lt','gt']
                            }
                        },
                        {
                            name        : 'praise',
                            index       : 'praise',
                            editable    : true,
                            width       : 80,
                            align       : "center",
                            // 字段类型
                            formatter   : "integer",
                            // 修改验证
                            editrules   :  {
                                edithidden  : true,
                                required    : true,
                                number      : true,
                                integer     : true,
                                minValue    : 0,
                                maxValue    : 100000000
                            },
                            searchoptions : {
                                sopt : ['eq','lt','gt']
                            }
                        },
                        {
                            name        : 'time',
                            index       : 'time',
                            width       : 80,
                            align       : "center",
                            // 数据显示转化（当前是日期转换）
                            formatter   : function (cellvalue) {
                                return new Date(parseInt(cellvalue) * 1000).toLocaleString().substr(0,20)
                            },
                            editrules   :  {
                                edithidden  : true,
                                required    : true
                            },
                            // 设置查询条件
                            searchoptions : {
                                sopt     : ['le','ge'],
                                // 查询条件相关插件设置（当前设置的日历）
                                dataInit : function (elem) {
                                    $(elem).datepicker(
                                        {
                                            showButtonPanel: true
                                        }
                                    );
                                }
                            }
                        },
                        {
                            name        : 'edittime',
                            index       : 'edittime',
                            width       : 80,
                            align       : "center",
                            // 数据显示转化（当前是日期转换）
                            formatter   : function (cellvalue) {
                                return new Date(parseInt(cellvalue) * 1000).toLocaleString().substr(0,20)
                            },
                            // 设置查询条件
                            searchoptions : {
                                sopt     : ['le','ge'],
                                // 查询条件相关插件设置（当前设置的日历）
                                dataInit : function (elem) {
                                    $(elem).datepicker(
                                        {
                                            showButtonPanel: true
                                        }
                                    );
                                }
                            }
                        },
                        {
                            name        : 'delete',
                            index       : 'delete',
                            width       : 80,
                            align       : "center",
                            formatter   : function (cellvalue) {
                                var info = null;
                                if (cellvalue == 1) {
                                    info = '正常';
                                } else if (cellvalue == 2) {
                                    info = '已删除';
                                } else {
                                    info = '未知状态请查看数据源';
                                }
                                return info;
                            },
                            // 查询条件
                            searchoptions : {
                                sopt     : ['eq']
                            }
                        }
                ],
                pager       : "#pager_list_2",
                hidegrid    : false,
                viewrecords : true,                 //是否在浏览导航栏显示记录总数
                rowNum      : 15,                   //每页显示记录数
                rowList     : [5,10,15,20,25,30],   //用于改变显示行数的下拉列表框的元素数组。

                // 获取查询返回数据
                loadComplete: function (data) {
                     console.log(data.list)//为所有数据行，具体取决于reader配置的root或者服务器返回的内容
                },

                // 定义返回数据格式
                jsonReader:{
                    page        : "page"    ,   // json中代表当前页码的数据
                    total       : "total"   ,   // json中代表页码总数的数据
                    records     : "records" ,   // json中代表数据行总数的数据
                    root        : "list"    ,   // 每行列表数据的总键名

                    // 数据对应键名
                    id      : "id",
                    title   : "title",
                    browse  : "browse",
                    praise  : "praise ",
                    time    : "time"
                }
            });

            // Add selection
            $("#table_list_2").setSelection(4, true);

            // Setup buttons
            $("#table_list_2").jqGrid('navGrid', '#pager_list_2', {
                edit    : true,
                add     : true,
                del     : true,
                search  : true,
                addtext     : '增加',
                edittext    : '修改',
                deltext     : '删除',
                searchtext  : '查询',
                refreshtext : '刷新'
            },
            // 修改相关
            {
                // 修改提交地址
                url: "{:U('Discipline/edit')}",
                // 修改返回值处理
                afterComplete:function (a,postData,c) {
                    if (typeof (a.responseText) == 'string') {
                        var data = stringToJson(a.responseText);
                    }

                    var status = data['status'];
                    var message = data['message'];

                    if(status != 'success' && status != 'error') {
                        swal(
                            '未知错误！',
                            '请联系技术人员',
                            'warning'
                        )
                    } else {
                        swal(
                            message['title'],
                            message['intro'],
                            status
                        );
                    }
                },
                // 修改后关闭修改窗口
                closeAfterEdit:true
            },
            // 增加相关
            {
                // 增加提交地址
                url: "{:U('Discipline/create')}",
                // 增加返回值处理
                afterComplete:function (a,postData,c) {
                    if (typeof (a.responseText) == 'string') {
                        var data = stringToJson(a.responseText);
                    }

                    var status = data['status'];
                    var message = data['message'];

                    if(status != 'success' && status != 'error') {
                        swal(
                            '未知错误！',
                            '请联系技术人员',
                            'warning'
                        )
                    } else {
                        swal(
                            message['title'],
                            message['intro'],
                            status
                        );
                    }
                },
                // 增加后关闭增加页面
                closeAfterAdd:true
            },
            {
                // 删除提交地址
                url: "{:U('Discipline/delete')}",
                // 增加返回值处理
                afterComplete:function (a,postData,c) {
                    if (typeof (a.responseText) == 'string') {
                        var data = stringToJson(a.responseText);
                    }

                    var status = data['status'];
                    var message = data['message'];

                    if(status != 'success' && status != 'error') {
                        swal(
                            '未知错误！',
                            '请联系技术人员',
                            'warning'
                        )
                    } else {
                        swal(
                            message['title'],
                            message['intro'],
                            status
                        );
                    }
                },
                // 删除后关闭增加页面
                closeAfterDel:true
            },
            {
                // 多条件查询
                multipleSearch : true,
                // 显示查询语句
                showQuery      : true
            },
            {
                // 操作完成后,是否重新加载数据
                reloadAfterSubmit   : true
            });

            // Add responsive to jqGrid
            $(window).bind('resize', function () {
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_2').setGridWidth(width);
            });

        });


        $(function() {
            $('.summernote').summernote({
                height: 200
            });
            // 富文本编辑框与文本编框之间内容填写
            $('form').on('submit', function (e) {
                e.preventDefault();
                $('#content')[0].value = $('.summernote').val();
                hid(1);
            });
        });
    </script>

</block>